HTML基礎學習筆記

1. HTML基本結構
   < !DOCTYPE html>：告訴瀏覽器這是一個HTML5文檔。
   < html>：整個HTML文檔的根標籤。
   < head>：包含網頁的元數據（如標題、字符集、外部資源連結等）。
   < body>：包含網頁的可見內容。

2. 常用HTML標籤
   文本標籤：
   < p>：用來定義段落。
   < h1>至h6>：用來定義標題，< h1>為最高級別標題，< h6>最低。
   < strong>：加粗文本。
   < em>：斜體文本，表達強調的作用。
   鏈接標籤：
   < a>：定義超鏈接，使用href屬性來指定鏈接目標。
   圖像標籤：
   < img>：嵌入圖片，必須包含src（圖片路徑）和alt（圖片說明）屬性。
   列表標籤：
   < ul>：無序列表。
   < ol>：有序列表。
   < li>：列表項，用於列表內部。

3. 表單與輸入標籤
   表單：使用< form>標籤來創建，用來接收用戶輸入。
   輸入框：< input>標籤用於接收各類輸入，常見屬性：
   type="text"：文本輸入框。
   type="email"：電子郵件輸入框，會進行簡單的格式驗證。
   type="password"：密碼輸入框，輸入的內容會以星號顯示。
   type="submit"：提交按鈕。

4. 表格標籤
   表格元素：< table>用來創建表格，行用< tr>，單元格用< td>，表頭用< th>

5. 語義化標籤
   語義化標籤可以提升可讀性和SEO效果。常見語義化標籤包括：
   < header>：網頁或區塊的頭部。
   < nav>：導航鏈接區域。
   < main>：網頁主要內容。
   < article>：獨立的文章或內容塊。
   < footer>：頁腳部分。
   語義化標籤能夠幫助瀏覽器和搜索引擎更好地理解網頁內容。

6. 嵌套與層次結構
   HTML標籤可以互相嵌套，但必須遵循嚴格的結構規則，確保標籤的開閉正確，避免不正確嵌套導致渲染問題。